<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/w.css" type="text/css">
	
</head>
<body>
<div class="taboutter">
		<div class="tabinner">

			<div class="tabheader">
				<ul>
					<li>第一部分</li>
					<li>第二部分</li>
					<li>第三部分</li>
				</ul>

			</div>


			<div class="tabbody">
				<div class="tab" style="display:none">
					<p>快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多
					快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多快快快多多多多多</p>
				</div>

				<div class="tab" style="display: none">
					<p>慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢慢</p>
				</div>

				<div class="tab" style="display: none">
					<p>中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中中</p>
				</div>
			</div>

		</div>
	</div>	







 <script type="text/javascript" src="js/jquery-3.1.1.js"></script>
	<script type="text/javascript">
		$('ul li').click(function(){

			var i = $(this).index();
			
			$('.tab').each(function(){
				var current = $(this).index();
				if(current == i){
					$(this).css('display','block');

				}else{
					$(this).css('display','none');
				}
			})


		});	
	</script>
</body>
</html>